<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Obsoletes | a11y.css</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description"
          content="This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.">
    <link rel="stylesheet" href="./static/docs.css?v=1690620346339">
    <link rel="shortcut icon" href="https://ffoodd.github.io/a11y.css/static/favicon.ico">
    <link rel="preload" href="./static/fonts/firasans-book.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="stylesheet" href="./static/css/a11y-en_obsoletes-only.css"><link rel="stylesheet" href="./static/css/a11y-light.min.css">
</head>
  <body>
    <div class="sr-only-focusable" id="skip-links">
      <a href="#toc">Skip to table of content</a>
      <a href="#content">Skip to content</a>
    </div>
    <header role="banner" id="top" tabindex="-1">
  <a href="." id="logo">
    <svg xmlns="http://www.w3.org/2000/svg" width="90" height="89.905" viewBox="0 0 180 179.81" role="img" aria-labelledby="titre">
      <title id="titre">a11y.css</title>
      <path fill="#ffce00" d="M0 8a8 8 0 0 1 8-8h164a8 8 0 0 1 8 8v163.81a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8z"/>
      <path fill="currentColor" d="M80.83 36.9a10 10 0 0 1 5.06-7.18 7.43 7.43 0 0 1 8.53 1.53 8.76 8.76 0 0 1 2.91 6.18c0 4.71.09 64.9 0 68.32a10.42 10.42 0 0 1-1.77 5.83 8 8 0 0 1-8 3.23c-4-.86-6.63-4.74-6.75-8.71s-.01-69.07.02-69.2zM27 120.87c6-4.4 11.77-9.09 17.83-13.4-4-3.22-7.94-6.52-12.17-9.39-3.62-2.46-8.14-5.36-7-10.42a5.86 5.86 0 0 1 3.8-4.43 7.07 7.07 0 0 1 6.19 1.41c2.23 1.7 22.88 17.71 24.22 19.61a5.75 5.75 0 0 1 .63 5.93 13.16 13.16 0 0 1-5 4.79c-4.37 2.7-17.18 12.84-19.54 14.66a8.32 8.32 0 0 1-6.87 1.74 5.47 5.47 0 0 1-4-5 7.62 7.62 0 0 1 .57-3.52 5.84 5.84 0 0 1 1.34-1.98zm126.43.81c2.18 3.27 1.27 7.87-2.57 9.37-4.27 1.67-8-2.09-11.07-4.4-3.81-2.83-7.55-5.73-11.35-8.57-1.72-1.29-3.48-2.48-5.25-3.71a12.08 12.08 0 0 1-4.18-4.35 5.81 5.81 0 0 1 .42-5.41c1-1.69 23.77-19.87 25.64-20.75a6.78 6.78 0 0 1 5.5-.45 6 6 0 0 1 3.43 4.08c1.29 5.07-3.31 8.09-6.93 10.53-2.08 1.41-10.21 7.81-12.27 9.48 3.42 2.33 16.62 12.48 17.46 13.11a10 10 0 0 0 1.21 1.06zM100 141.25a11 11 0 1 1-11-11 11 11 0 0 1 11 11z"/>
    </svg>
  </a><nav role="navigation" aria-label="Main navigation" class="nav">
  <ul class="list-unstyled">
      <li>
        <a href="./errors.html" class="errors">Errors
        </a>
      </li>
      <li>
        <a href="./warnings.html" class="warnings">Warnings
        </a>
      </li>
      <li>
        <a href="./obsoletes.html" class="obsolete" aria-current="page">Obsoletes
        </a>
      </li>
      <li>
        <a href="./advices.html" class="advices">Advices
        </a>
      </li>
      <li>
        <a href="./webextension.html" class="webextension">WebExtension
        </a>
      </li>
      <li>
        <a href="./docs.html" class="sassdoc"><b><abbr title="Application Programming Interface">API</abbr></b> Doc
        </a>
      </li>
      <li>
        <a href="https://github.com/ffoodd/a11y.css">On <b>Github</b><span class="sr-only">&nbsp;(external link)</span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" width="10" height="10">
  <polygon fill="currentColor" points="91.875,62 85,62 85,85 15,85 15,15 38,15 38,8.125 38,0 0,0 0,100 100,100 100,62 "></polygon>
  <polygon fill="currentColor" points="54,0 54,0.627 71.787,18.477 52.701,38 38,38 38,62 62,62 62,49.799 82.773,29.462 99.374,46 100,46 100,0 "></polygon>
</svg>
        </a>
      </li>
  </ul>
</nav>
</header>


    <aside role="complementary">
      
<nav role="navigation" aria-labelledby="toc-title" id="toc">
  <p class="box-title" id="toc-title">Table of content</p>
  
    <ol>
        <li>
          <a href="#tags">Old school tags</a>
        </li>
        <li>
          <a href="#attributes">Old school attributes</a>
        </li>
    </ol>
</nav>


      <div class="box hidden-sm">
        <p class="box-title">Web extensions</p>
        <ul class="list-unstyled">
          <li>
            <a href="https://addons.mozilla.org/en-GB/firefox/addon/a11ycss/" title="a11y.css Firefox add-on">
              <img src="./static/firefox.svg" width="112" height="42" alt="a11y.css Firefox add-on"/>
            </a>
          </li>
          <li>
            <a href="https://microsoftedge.microsoft.com/addons/detail/a11ycss/lkehmahcnhddkdaemngepjckgcjnidpe" title="a11y.css Edge add-on">
              <img src="./static/edge.svg" width="112" height="42" alt="a11y.css Edge add-on"/>
            </a>
          </li>
          <li>
            <a href="https://chrome.google.com/webstore/detail/a11ycss/iolfinldndiiobhednboghogkiopppid?hl=fr" title="a11y.css Chrome extension">
              <img src="./static/chrome.svg" width="119" height="42" alt="a11y.css Chrome extension"/>
            </a>
          </li>
        </ul>
      </div>
    </aside>

    <main role="main" id="content" tabindex="-1">
      
  <h1>Obsoletes</h1>
  
        <article>
          <h2 id="tags">Old school tags</h2>
          <h3>Description</h3>
<p>Many, many tags are obsolete in HTML5. You should care!</p>
<h3>References</h3>
<ul>
<li><a href="https://html.spec.whatwg.org/multipage/obsolete.html#obsolete">https://html.spec.whatwg.org/multipage/obsolete.html#obsolete</a></li>
<li><a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.2">https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.2</a></li>
</ul>
<h3>Selector</h3>
<div class="pre"><pre><code class="css language-css" data-language="CSS">applet<span class="token punctuation">,</span>
acronym<span class="token punctuation">,</span>
bgsound<span class="token punctuation">,</span>
dir<span class="token punctuation">,</span>
frame<span class="token punctuation">,</span>
frameset<span class="token punctuation">,</span>
noframes<span class="token punctuation">,</span>
hgroup<span class="token punctuation">,</span>
isindex<span class="token punctuation">,</span>
listing<span class="token punctuation">,</span>
nextid<span class="token punctuation">,</span>
noembed<span class="token punctuation">,</span>
plaintext<span class="token punctuation">,</span>
rb<span class="token punctuation">,</span>
rtc<span class="token punctuation">,</span>
strike<span class="token punctuation">,</span>
xmp<span class="token punctuation">,</span>
basefont<span class="token punctuation">,</span>
big<span class="token punctuation">,</span>
blink<span class="token punctuation">,</span>
center<span class="token punctuation">,</span>
font<span class="token punctuation">,</span>
marquee<span class="token punctuation">,</span>
multicol<span class="token punctuation">,</span>
nobr<span class="token punctuation">,</span>
spacer<span class="token punctuation">,</span>
tt<span class="token punctuation">,</span>
keygen<span class="token punctuation">,</span>
menu<span class="token punctuation">,</span>
menuitem
</code></pre></div>
<h3>Test</h3>
<div class="pre"><div><acronym title="World Wide Web Consortium">W3C</acronym>
</div><pre><code class="html language-html" data-language="Example"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>acronym</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>World Wide Web Consortium<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>W3C<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>acronym</span><span class="token punctuation">></span></span>
</code></pre></div>
        </article>
        <article>
          <h2 id="attributes">Old school attributes</h2>
          <h3>Description</h3>
<p>Many, many attributes are obsolete in HTML5. You should care!</p>
<h3>References</h3>
<ul>
<li><a href="https://html.spec.whatwg.org/multipage/obsolete.html#obsolete">https://html.spec.whatwg.org/multipage/obsolete.html#obsolete</a></li>
<li><a href="https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features">https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features</a></li>
<li><a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.2">https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#8.2</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta</a></li>
</ul>
<h3>Selector</h3>
<div class="pre"><pre><code class="css language-css" data-language="CSS">[dropzone]<span class="token punctuation">,</span>
a[charset]<span class="token punctuation">,</span> link[charset]<span class="token punctuation">,</span>
a[coords]<span class="token punctuation">,</span>
a[shape]<span class="token punctuation">,</span>
a[methods]<span class="token punctuation">,</span> link[methods]<span class="token punctuation">,</span>
a[name]<span class="token punctuation">,</span> embed[name]<span class="token punctuation">,</span> img[name]<span class="token punctuation">,</span> option[name]<span class="token punctuation">,</span>
a[rev]<span class="token punctuation">,</span> link[rev]<span class="token punctuation">,</span>
a[urn]<span class="token punctuation">,</span> link[urn]<span class="token punctuation">,</span>
form[accept]<span class="token punctuation">,</span>
area[nohref]<span class="token punctuation">,</span>
area[type]<span class="token punctuation">,</span>
area[hreflang]<span class="token punctuation">,</span>
head[profile]<span class="token punctuation">,</span>
html[version]<span class="token punctuation">,</span>
input[ismap]<span class="token punctuation">,</span>
input[usemap]<span class="token punctuation">,</span>
input[inputmode]<span class="token punctuation">,</span>
iframe[longdesc]<span class="token punctuation">,</span> img[longdesc]<span class="token punctuation">,</span>
img[lowsrc]<span class="token punctuation">,</span>
link[target]<span class="token punctuation">,</span>
meta[scheme]<span class="token punctuation">,</span>
meta[http-equiv=<span class="token string">"content-language"</span>]<span class="token punctuation">,</span>
meta[http-equiv=<span class="token string">"content-type"</span>]<span class="token punctuation">,</span>
meta[http-equiv=<span class="token string">"set-cookie"</span>]<span class="token punctuation">,</span>
object[archive]<span class="token punctuation">,</span>
object[classid]<span class="token punctuation">,</span>
object[code]<span class="token punctuation">,</span>
object[codebase]<span class="token punctuation">,</span>
object[codetype]<span class="token punctuation">,</span>
object[declare]<span class="token punctuation">,</span>
object[standby]<span class="token punctuation">,</span>
param[type]<span class="token punctuation">,</span>
param[valuetype]<span class="token punctuation">,</span>
script[language]<span class="token punctuation">,</span>
script[event]<span class="token punctuation">,</span>
script[for]<span class="token punctuation">,</span>
table[datapagesize]<span class="token punctuation">,</span>
table[summary]<span class="token punctuation">,</span>
td[axis]<span class="token punctuation">,</span> th[axis]<span class="token punctuation">,</span>
td[scope]<span class="token punctuation">,</span>
td[abbr]<span class="token punctuation">,</span>
a[datasrc]<span class="token punctuation">,</span> applet[datasrc]<span class="token punctuation">,</span> button[datasrc]<span class="token punctuation">,</span> div[datasrc]<span class="token punctuation">,</span> frame[datasrc]<span class="token punctuation">,</span> iframe[datasrc]<span class="token punctuation">,</span> img[datasrc]<span class="token punctuation">,</span> input[datasrc]<span class="token punctuation">,</span> label[datasrc]<span class="token punctuation">,</span> legend[datasrc]<span class="token punctuation">,</span> marquee[datasrc]<span class="token punctuation">,</span> object[datasrc]<span class="token punctuation">,</span> option[datasrc]<span class="token punctuation">,</span> select[datasrc]<span class="token punctuation">,</span> span[datasrc]<span class="token punctuation">,</span> table[datasrc]<span class="token punctuation">,</span> textarea[datasrc]<span class="token punctuation">,</span>
a[datafld]<span class="token punctuation">,</span> applet[datafld]<span class="token punctuation">,</span> button[datafld]<span class="token punctuation">,</span> div[datafld]<span class="token punctuation">,</span> fieldset[datafld]<span class="token punctuation">,</span> frame[datafld]<span class="token punctuation">,</span> iframe[datafld]<span class="token punctuation">,</span> img[datafld]<span class="token punctuation">,</span> input[datafld]<span class="token punctuation">,</span> label[datafld]<span class="token punctuation">,</span> legend[datafld]<span class="token punctuation">,</span> marquee[datafld]<span class="token punctuation">,</span> object[datafld]<span class="token punctuation">,</span> param[datafld]<span class="token punctuation">,</span> select[datafld]<span class="token punctuation">,</span> span[datafld]<span class="token punctuation">,</span> textarea[datafld]<span class="token punctuation">,</span>
button[dataformatas]<span class="token punctuation">,</span> div[dataformatas]<span class="token punctuation">,</span> input[dataformatas]<span class="token punctuation">,</span> label[dataformatas]<span class="token punctuation">,</span> legend[dataformatas]<span class="token punctuation">,</span> marquee[dataformatas]<span class="token punctuation">,</span> object[dataformatas]<span class="token punctuation">,</span> option[dataformatas]<span class="token punctuation">,</span> select[dataformatas]<span class="token punctuation">,</span> span[dataformatas]<span class="token punctuation">,</span> table[dataformatas]<span class="token punctuation">,</span>
body[alink]<span class="token punctuation">,</span>
body[bgcolor]<span class="token punctuation">,</span> table[bgcolor]<span class="token punctuation">,</span> td[bgcolor]<span class="token punctuation">,</span> th[bgcolor]<span class="token punctuation">,</span> tr[bgcolor]<span class="token punctuation">,</span>
body[link]<span class="token punctuation">,</span>
body[marginbottom]<span class="token punctuation">,</span>
body[marginheight]<span class="token punctuation">,</span> iframe[marginheight]<span class="token punctuation">,</span>
body[marginleft]<span class="token punctuation">,</span>
body[marginright]<span class="token punctuation">,</span>
body[margintop]<span class="token punctuation">,</span>
body[marginwidth]<span class="token punctuation">,</span> iframe[marginwidth]<span class="token punctuation">,</span>
body[text]<span class="token punctuation">,</span>
body[vlink]<span class="token punctuation">,</span>
br[clear]<span class="token punctuation">,</span>
col[char]<span class="token punctuation">,</span> tbody[char]<span class="token punctuation">,</span> thead[char]<span class="token punctuation">,</span> tfoot[char]<span class="token punctuation">,</span> td[char]<span class="token punctuation">,</span> th[char]<span class="token punctuation">,</span> tr[char]<span class="token punctuation">,</span>
col[charoff]<span class="token punctuation">,</span> tbody[charoff]<span class="token punctuation">,</span> thead[charoff]<span class="token punctuation">,</span> tfoot[charoff]<span class="token punctuation">,</span> td[charoff]<span class="token punctuation">,</span> th[charoff]<span class="token punctuation">,</span> tr[charoff]<span class="token punctuation">,</span>
col[valign]<span class="token punctuation">,</span> tbody[valign]<span class="token punctuation">,</span> thead[valign]<span class="token punctuation">,</span> tfoot[valign]<span class="token punctuation">,</span> td[valign]<span class="token punctuation">,</span> th[valign]<span class="token punctuation">,</span> tr[valign]<span class="token punctuation">,</span>
col[width]<span class="token punctuation">,</span> hr[width]<span class="token punctuation">,</span> pre[width]<span class="token punctuation">,</span> table[width]<span class="token punctuation">,</span> td[width]<span class="token punctuation">,</span> th[width]<span class="token punctuation">,</span>
dl[compact]<span class="token punctuation">,</span> ol[compact]<span class="token punctuation">,</span> ul[compact]<span class="token punctuation">,</span>
embed[hspace]<span class="token punctuation">,</span> iframe[hspace]<span class="token punctuation">,</span> input[hspace]<span class="token punctuation">,</span> img[hspace]<span class="token punctuation">,</span> object[hspace]<span class="token punctuation">,</span>
embed[vspace]<span class="token punctuation">,</span> iframe[vspace]<span class="token punctuation">,</span> input[vspace]<span class="token punctuation">,</span> img[vspace]<span class="token punctuation">,</span> object[vspace]<span class="token punctuation">,</span>
hr[color]<span class="token punctuation">,</span>
hr[noshade]<span class="token punctuation">,</span>
hr[size]<span class="token punctuation">,</span>
h1[align]<span class="token punctuation">,</span> h2[align]<span class="token punctuation">,</span> h3[align]<span class="token punctuation">,</span> h4[align]<span class="token punctuation">,</span> h5[align]<span class="token punctuation">,</span> h6[align]<span class="token punctuation">,</span> iframe[align]<span class="token punctuation">,</span> caption[align]<span class="token punctuation">,</span> col[align]<span class="token punctuation">,</span> div[align]<span class="token punctuation">,</span> embed[align]<span class="token punctuation">,</span> hr[align]<span class="token punctuation">,</span> input[align]<span class="token punctuation">,</span> img[align]<span class="token punctuation">,</span> legend[align]<span class="token punctuation">,</span> object[align]<span class="token punctuation">,</span> p[align]<span class="token punctuation">,</span> table[align]<span class="token punctuation">,</span> tbody[align]<span class="token punctuation">,</span> thead[align]<span class="token punctuation">,</span> tfoot[align]<span class="token punctuation">,</span> td[align]<span class="token punctuation">,</span> th[align]<span class="token punctuation">,</span> tr[align]<span class="token punctuation">,</span>
iframe[allowtransparency]<span class="token punctuation">,</span>
iframe[frameborder]<span class="token punctuation">,</span>
iframe[framespacing]<span class="token punctuation">,</span>
iframe[scrolling]<span class="token punctuation">,</span>
img[border]<span class="token punctuation">,</span> object[border]<span class="token punctuation">,</span>
li[type]<span class="token punctuation">,</span> ul[type]<span class="token punctuation">,</span>
table[cellpadding]<span class="token punctuation">,</span>
table[cellspacing]<span class="token punctuation">,</span>
table[frame]<span class="token punctuation">,</span>
table[rules]<span class="token punctuation">,</span>
td[height]<span class="token punctuation">,</span> th[height]<span class="token punctuation">,</span>
td[nowrap]<span class="token punctuation">,</span> th[nowrap]<span class="token punctuation">,</span>
body[background]<span class="token punctuation">,</span> table[background]<span class="token punctuation">,</span> thead[background]<span class="token punctuation">,</span> tbody[background]<span class="token punctuation">,</span> tfoot[background]<span class="token punctuation">,</span> tr[background]<span class="token punctuation">,</span> td[background]<span class="token punctuation">,</span> th[background]
</code></pre></div>
<h3>Test</h3>
<div class="pre"><div><h3 align="right">I'm using [align]!</h3>
</div><pre><code class="html language-html" data-language="Example"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>I'm using [align]!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">></span></span>
</code></pre></div>
        </article>

      
    </main>
    <footer role="contentinfo">
  <p class="builtWith box">
      Built with
      <a href="https://www.11ty.dev/">
        Eleventy
        <span class="sr-only">&nbsp;(external link)</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" width="10" height="10">
  <polygon fill="currentColor" points="91.875,62 85,62 85,85 15,85 15,15 38,15 38,8.125 38,0 0,0 0,100 100,100 100,62 "></polygon>
  <polygon fill="currentColor" points="54,0 54,0.627 71.787,18.477 52.701,38 38,38 38,62 62,62 62,49.799 82.773,29.462 99.374,46 100,46 100,0 "></polygon>
</svg>-
      </a>
      and supported by
      <a href="https://www.jetbrains.com/?from=a11y.css">
        JetBrains
        <span class="sr-only">&nbsp;(external link)</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" aria-hidden="true" width="10" height="10">
  <polygon fill="currentColor" points="91.875,62 85,62 85,85 15,85 15,15 38,15 38,8.125 38,0 0,0 0,100 100,100 100,62 "></polygon>
  <polygon fill="currentColor" points="54,0 54,0.627 71.787,18.477 52.701,38 38,38 38,62 62,62 62,49.799 82.773,29.462 99.374,46 100,46 100,0 "></polygon>
</svg>
      </a>
    </p>
    <div>
      <p>® 2014 —&nbsp;2023 <strong>Gaël Poupard</strong></p>
      <p>This project is distributed under license <a href="https://opensource.org/license/mit/">MIT</a> and <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>. <a href="#skip-links">Back to top</a></p>
    </div>
</footer>

    <script src="./static/docs.js?v=1690620346339"></script>
  </body>
</html>
